<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<script src='jquery-1.10.2.min.js'> </script> 
	</head>
	<body>
		<!--Hinh anh-->
		<input type="button" value="Hình 1" onClick ="window.document.my_image.src = 'img1.jpg';"/>
		<input type="button" value="Hình 2" onClick ="window.document.my_image.src = 'img2.jpg';"/>
		<input type="button" value="Hình 3" onClick ="window.document.my_image.src = 'img3.jpg';"/>
		<input type="button" value="Hình 4" onClick ="window.document.my_image.src = 'img4.jpg';"/>
		<!--Source hinh-->
		<br><img src="default.jpg" width=200 height=100 name = "my_image"/></br>
		<br/>
		<!--Size-->
		<input  type="button" value="300 x 200" id="size1"
				onClick = "window.document.my_image.width = 300;
						   window.document.my_image.height = 200;"/>
						   
		<input type="button" value="400 x 300" id="size2"
				onClick = "window.document.my_image.width = 400;
						   window.document.my_image.height = 300;"/>
						   
		<input type="button" value="500 x 400" id="size3"
				onClick = "window.document.my_image.width = 500;
						   window.document.my_image.height = 400;"/>

		
	</body>
</html>